.pic {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 400px;
}

.pic .autoplay {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.pic .autoplay .pictureList {
    padding: 0;
    width:100%;
    height:400px;
    z-index: 10;
}
.pic .autoplay .pictureList li {
    display: none;
}
.pic .autoplay .pictureList li img {
    border: 0px;
}
.pic .autoplay .pictureList .firstPic {
    display: inline;
}

.pic .autoplay .bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    z-index:20;
    opacity: 0.1;
    filter:alpha(opacity=40);
    background: black;
}

.pic .autoplay .numberList {
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 30;
}
.pic .autoplay .numberList li {
    list-style: none;
    float: left;
    margin-right: 5px;
    padding: 2px 4px;
    border: 2px;
    background: grey;
    cursor: pointer;
    opacity:0.4;
    border-radius:20px;
}
.pic .autoplay .numberList .firstNum {
    background: red;
    font-weight: bold;
    color: white;
}

